<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/favicon.ico">
	<link rel="icon" type="image/png" href="./assets/img/favicon.ico">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>数据资产管理平台</title>
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
		name='viewport' />

	<!-- Google Font -->
	<!-- <link href="https://fonts.googleapis.com/css?family=Nunito:300,300i,400,600,700" rel="stylesheet"> -->

	<!-- Main CSS -->
	<link href="./assets/css/main.css" rel="stylesheet" />
	<link rel="stylesheet" href="assets/font/iconfont.css">


	<!-- Animation CSS -->
	<link href="vendor/aos.css" rel="stylesheet" />

	<!-- Docs CSS -->
	<link href="vendor/bootstrap/css/bootstrap-toc.css" rel="stylesheet" />
	<link href="vendor/prism.css" rel="stylesheet" />
	<link href="./assets/layui/css/layui.css" rel="stylesheet">

	<!--	控制管理css-->
	<link href="./assets/layui/cascader/cascader.css" rel="stylesheet">
	<link rel="stylesheet" href="./assets/css/controlManage.css">
	<!--	审核管理css-->
	<link rel="stylesheet" href="./assets/css/auditManage.css">
	<style>
		.nav-item .active {
			font-weight: 600;
		}

		/* 访问数据大字 */
		/* 大于1680px：默认 */
		/*1360px ——1680px */
		@media (max-width: 1680px) {
			.jumbotron {
				padding-top: 9rem;
			}
		}

		/* 小于1360px */
		@media (max-width: 1360px) {
			.display-3 {
				font-size: 60px;
			}

			.display-3 p {
				font-size: 60px;
			}

			.jumbotron {
				padding-top: 11rem;
			}
		}

		.layui-tab-item .title {
			padding-top: 40px;
			/* padding-bottom: 30px; */
			text-transform: uppercase;
			font-size: 1.4rem;
		}

		.myspace {
			padding-left: 0 !important;
		}

		table,
		form,
		.text-white,
		#cer_Status {
			font-size: 14px;
		}

		label {
			padding: 7px 0 3px 0;
		}

		.full {
			height: 100%;
		}

		.searchHeaderBox {
			position: absolute;
			top: 83px;
			z-index: 1999;
			background-color: white;
			width: 400px;
			left: 856px;
			padding: 10px;
		}

		.searchHeaderBox .label {
			padding: 3px 8px;
			border: 1px solid #d8d8d8;
			margin-right: 12px;
			margin-bottom: 10px;
		}

		::-webkit-input-placeholder {
			/* WebKit browsers */
			color: #999;
			font-size: 14px;
		}

		::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: #999;
			font-size: 14px;
		}

		:-ms-input-placeholder {
			/* Internet Explorer 10+ */
			color: #999;
			font-size: 14px;
		}

		.signfa {
			position: relative;
		}

		.sign {
			position: absolute;
			width: 20px;
			height: 20px;
			background-color: #35bdff;
			border-radius: 10px;
			top: -5px;
			right: 0;
			line-height: 20px;
		}

		.sign span {
			padding-top: 2px;
			text-align: center;
			color: #fff !important;
		}

		.statistics {
			display: flex;
			height: 100px;
			padding: 10px 0;
			justify-content: space-evenly;
			background-color: rgb(245, 245, 245);
		}

		.statisticsItem {
			display: flex;
			justify-content: space-between;
			width: 20%;
			height: 80px;
			padding: 18.8px 10px;
			background-color: rgb(255, 255, 255);
			box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%);
			border-radius: 5px;
		}

		.statisticsItem div {
			vertical-align: middle;
		}

		.statisticsItem p:first-child {
			font-size: 22px;
		}

		.statisticsItem p:last-child {
			font-size: 13px;
		}

		.statisticsItem div:last-child {
			padding-top: 8.4px;
		}

		.chart {
			margin-top: 40px;
			padding-top: 20px;
			width: 100%;
		}

		#main {
			width: 100%;
			height: 300px;
		}

		.statisticsItem:hover {
			box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
		}

		.layui-tab-title li {
			display: block;
		}

		.layui-tab-title {
			float: left;
			width: 140px;
		}

		.layui-tab-title .layui-this:after {
			border-bottom: 1px solid #ede3e3 !important;
		}

		.layui-tab-content {
			float: left;
			width: calc(100% - 220px);
			margin-left: 20px;
			padding-top: 0px;
		}

		.err {
			font-size: 12px;
			color: rgb(246, 102, 102);
			display: block;
		}

		.success {
			display: none;
		}

		.git-project-gvp-badge {
			color: #8c92a4;
			font-size: 12px;
			font-weight: normal;
			line-height: 1.34;
			white-space: nowrap;
			padding: 2px 6px;
			margin: 0 5px 0 0;
			display: inline-block;
			vertical-align: text-bottom;
			background: transparent;
			border: 1px solid rgba(140, 146, 164, 0.5);
			border-radius: 2px;
		}

		.git-project-gvp-badge.ui.label {
			padding: 2px 5px;
			position: relative;
			vertical-align: middle;
			border: 1px solid rgba(210, 191, 134, 0.5) !important;
			color: #C17626 !important;
			font-weight: 600 !important;
			background: rgba(253, 235, 144, 0.5);
			background: linear-gradient(to right, rgba(250, 144, 253, 0.5), rgba(238, 218, 160, 0.5)) !important;
		}

		.git-project-gvp-badge.ui.label::after {
			content: '';
			display: inline-block;
			position: absolute;
			left: 0;
			width: 100%;
			height: 100%;
			background: url(./assets/img/flash.webp) no-repeat center;
			background-size: contain;
			opacity: 0.6;
			top: 0;
		}

		.git-project-gvp-badge:after {
			content: '';
			display: inline-block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background: url(./assets/img/flash.webp) no-repeat center;
			background-size: cover;
			opacity: 0.6;
		}

		.priceForm .row {
			margin: 0px;
		}
	</style>
</head>

<body>


	<!----------------------------------------------------------------------
	NAVBAR (remove topnav if you don't want changed nav background on scroll)
	------------------------------------------------------------------------>
	<nav class="topnav navbar navbar-expand-lg navbar-dark fixed-top" style="background-color: #FF6A00;">
		<div class="container-fluid">
			<a class="navbar-brand" href="./index.html"><i class="iconfont icon-globe1 mr-2"
					style="font-size: 20px;"></i><strong>数据资产管理</strong>
			</a>
			<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02"
				aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="navbar-collapse collapse" id="navbarColor02">
				<ul class="navbar-nav mr-auto d-flex align-items-center">
					<!-- <li class="nav-item">
							<a class="nav-link active" href="#">我的空间</a>
						</li> -->

				</ul>
				<ul class="navbar-nav ml-auto d-flex align-items-center">
					<li class="nav-item disabledNone" id="userInfo">
						<ul class="layui-nav" style="background-color: rgba(244, 244, 244, 0);padding: 0;">
							<li class="layui-nav-item">
								<a href="javascript:;" style="color: #ffffff !important;">
									<span class="iconbox border-0" style="margin-right: 5px;"><i
											class="iconfont icon-user-fill"></i></span>
									用户：<span id="accunt">登录过期</span>
								</a>
								<dl class="layui-nav-child">
									<dd><a href="./changePassword.html">修改密码</a></dd>
									<dd><a href="" id="logOutBtn">退出登录</a></dd>
								</dl>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</nav>

	<!-- End Navbar -->

	<!-------------------------------------- MAIN --------------------------------------->
	<div class="container pt-5 mt-5">
		<div class="layui-tab menuTab" lay-filter="docDemoTabBrief" style="min-height: 658px;">

			<ul class="layui-tab-title" style="border:0">
				<li lay-id="menu0" class="layui-this">基本信息</li>
				<!-- <li lay-id="menu1" class="disabledNone">我的钱包</li> -->
				<!-- <li lay-id="menu2" class="disabledNone">我的定制</li> -->
				<!-- <li lay-id="menu3" class="disabledNone">我的申请</li> -->
				<!-- <li lay-id="menu4" class="disabledNone">数据通道</li> -->
				<!-- <li lay-id="menu5" class="disabledNone">原始资源</li> -->
				<!-- <li lay-id="menu6" class="disabledNone">数据资源</li> -->
				<li lay-id="menu7">数据管理</li>
				<!-- <li lay-id="menu8" class="disabledNone">服务产品</li> -->
				<!-- <li lay-id="menu9" class="disabledNone">控制管理</li> -->
				<!-- <li lay-id="menu10" class="disabledNone">审核管理</li> -->
				<!-- <li lay-id="menu11" class="disabledNone">授权管理</li> -->
				<li lay-id="menu12">价值评估</li>
				<li lay-id="menu13">统计分析</li>
			</ul>
			<div class="layui-tab-content">
				<h3 class="pb-2" style="border-bottom: 1px solid #ede3e3;" id="tabtitle">基本信息</h3>
				<!-- 基本信息 -->
				<div class="layui-tab-item layui-show ">
					<div class="col-md-12 pl-5 myspace">
						<h2 class="title mb-3">个人信息 <a class="ui small label git-project-gvp-badge disabledNone"
								id="vipLable">GOV</a>
							<button class="btn btn-info btn-round text-white"
								style="margin-left: 10px;padding: 2px 10px;font-size: 12px;" id="editBtn">编辑</button>
							<button class="btn btn-info btn-round text-white"
								style="margin-left: 10px;padding: 2px 10px;font-size: 12px;" id="upgradeSovereignty">升级为主权</button>

						</h2>
						
						<form>
							<div class="row form-group">
								<div class="col regular" style="display: flex;">
									<label style="width: 120px;">用户 账号：</label>
									<div style="width: 100%;">
										<input type="text" class="form-control input-round" placeholder="点击编辑后输入用户账号"
											disabled id="userName">
									</div>
								</div>
								<div class="col" style="display: flex;">
									<label style="width: 120px;">用户 别名：</label>
									<div style="width: 100%;">
										<input type="text" class="form-control input-round" placeholder="点击编辑后输入用户别名"
											disabled id="nickName" required="">
										<span class="closeSpan"></span>
									</div>
								</div>
							</div>
							<div class="row form-group">
								<div class="col" style="display: flex;">
									<label style="width: 120px;">联系 邮箱：</label>
									<div style="width: 100%;">
										<input type="text" class="form-control input-round" placeholder="点击编辑后输入"
											disabled id="email" required="">
										<span class="closeSpan"></span>
									</div>
								</div>
								<div class="col" style="display: flex;">
									<label style="width: 120px;">联系 电话：</label>
									<div style="width: 100%;">
										<input type="tel" class="form-control input-round" placeholder="点击编辑后输入"
											disabled id="phonenumber" required="">
										<span class="closeSpan"></span>
									</div>
								</div>
							</div>
							<div class="row form-group">
								<div class="col" style="display: flex;">
									<label style="width: 105px;">个人 简介：</label>
									<div style="width: 100%;">
										<textarea class="form-control input-round" placeholder="点击编辑后输入" disabled=""
											id="remark" required=""></textarea>
									</div>
								</div>
							</div>

							<div class="Btn disabledNone" style="padding-left: 88px;">
								<button type="submit" class="submitBtn btn btn-cyan text-white">提交</button>
								<button class="btn btn-cyan text-white" id="closeEditBtn">取消</button>
							</div>
						</form>
						<h2 class="mt-5 mb-0 p-md-0 title">主权信息</h2>
						<!-- <div class="mb-3" style="position: absolute;">
							<a style="color:#FF820C;padding-left: 0px;cursor: pointer; position: relative;top: -22px;left: 100px;"
								id="cer_Status"></a>
						</div> -->
						<!-- Call to action -->
						<div class="pt-5 pb-5 jumbotron-fluid  mt-3" style="background-color: #FF6A00;">
							<div class="container">
								<div class="row justify-content-between align-items-center text-md-center text-lg-left">
									<div class="col-lg-9">
										<div class="font-weight-light text-white mb-2"> 认证角色：<span id="cer_Change">——</span></div>
										<div class="font-weight-light text-white">审核状态：<span
												id="attestationa"><a>——</a></span><span id="reasonMsg"
												class="disabledNone"
												style="color: red;margin-left: 10px;font-size: 12px;"></span></div>
										<div class="font-weight-light text-white">用户等级：<span id="userLevelLabel">——</span></div>
										<div class="font-weight-light text-white">认证时间：<span id="auditTime">——</span></div>

									</div>

								</div>
							</div>
						</div>
						<div class="zhuquan">
							<h2 class="mt-5 mb-0 p-md-0 title">主权数据</h2>
							<blockquote class="layui-elem-quote layui-text">
								最近登录时间：<span id="loginDate">——</span>
							</blockquote>

							<div class="card-deck card-pricing text-center">
								<div class="card border-0 shadow-sm">
									<div class="card-header bg-danger border-0 pt-4 pb-4">
										<h3 class="my-0 font-weight-normal mb-3">数据总量</h3>
										<h4 class="card-title pricing-card-title"><span id="incomeNum"></span> </h4>
									</div>
								</div>
								<div class="card shadow-sm border-0">
									<div class="card-header bg-primary border-0 pt-4 pb-4 full">
										<h3 class="my-0 font-weight-normal mb-3">数据大小</h3>
										<h4 class="card-title pricing-card-title"> <span id="paymentNum"></span> </h4>
									</div>
								</div>
								<div class="card border-0 shadow-sm">
									<div class="card-header bg-danger border-0 pt-4 pb-4">
										<h3 class="my-0 font-weight-normal mb-3">治理数量</h3>
										<h4 class="card-title pricing-card-title"> <span id="rechargeNum"></span> </h4>
									</div>
								</div>
								<div class="card border-0 shadow-sm">
									<div class="card-header bg-primary border-0 pt-4 pb-4">
										<h3 class="my-0 font-weight-normal mb-3">治理数据大小</h3>
										<h4 class="card-title pricing-card-title"><span id="giveNum"></span> </h4>
									</div>
								</div>
							</div>



							<div class="layui-collapse" lay-filter="test">
								<!--						  <div class="layui-colla-item">-->
								<!--						    <h2 class="layui-colla-title">剩余可用总金额（￥ 3400）（查看总额计算方法）</h2>-->
								<!--						    <div class="layui-colla-content">-->
								<!--						      <p>需要确定税率。用不含税金额+税额=价税合计，不含税金额*税率=税额计算。</p>-->
								<!--							  <p>价税合计一般是指价外税。所谓价外税，是指税款不包含在商品价格内的税。目前，在我国，价外税最曲型代表是增值税。</p>-->
								<!--						    </div>-->
								<!--						  </div>-->
								<div class="layui-colla-item">
									<h2 class="layui-colla-title">女娲云链剩余空间容量：15/总空间容量：1024（查看活动）</h2>
									<div class="layui-colla-content">
										<p>基础版空间容量为1GB，专业版会员期间空间容量1000GB/不限（累计订阅时长>=3 年用户享无限空间容量）。</p>



										<p>如果专业版会员到期了，账号空间容量将变为1GB。且2020年4月26日5.0.1版本更新后新上传的素材，会进行计数。如果到期时账号素材超过1GB，不影响已有作品的编辑及展示，但是因空间已满，不能上传任何新素材，需要再扩容才能新添素材/作品。</p>



										<p>如会员期间共创建了11GB容量，会员结束变为免费账号，只有1GB空间容量，实际账号已超出容量10GB，需要再扩充10GB以上才可以新建作品。</p>
									</div>
								</div>
							</div>
						</div>

					</div>

				</div>
				<!-- 我的钱包 -->
				<!-- <div class="layui-tab-item" style="margin-top: 50px;">
					
					
				</div> -->
				<!-- 我的定制 -->
				<!-- <div class="layui-tab-item">
					<section class="pt-4 pb-5" data-aos="fade-up">
						<div class="layui-btn-container">
							<button class="layui-btn layui-btn-sm" lay-event="" id="applyMade">申请定制产品</button>
							<button class="layui-btn layui-btn-sm" lay-event="" id="applyMadeDIY">DIY数据产品</button>
						</div>
						<div class="layui-tab layui-tab-brief">
							<ul class="layui-tab-title mb-2" style="float: none;display: flex;width: 100%;">
								<li class="layui-this">发出的申请</li>
								<li>承接的定制</li>
							</ul>
							<div class="layui-tab-content" style="float: none;width: 100%;margin-left: 0;">
								<div class="layui-tab-item layui-show">
									<table class="layui-table" id="applyMadeTable">
										<thead class="thead-dark">
											<tr>
												<th scope="col" style="width: 60px;">序号</th>
												<th scope="col">标题名称</th>
												<th scope="col">定制类型</th>
												<th scope="col">当前状态</th>
												<th scope="col">发布人</th>
												<th scope="col">发布时间</th>
												<th scope="col">承接人</th>
												<th scope="col">操作</th>
											</tr>
										</thead>
										<tbody>

										</tbody>
									</table>
									<div id="applyMadeTablePage" style="float: right;"></div>
								</div>
								<div class="layui-tab-item">
									<table class="layui-table" id="claimMadeTable">
										<thead class="thead-dark">
											<tr>
												<th scope="col" style="width: 60px;">序号</th>
												<th scope="col">标题名称</th>
												<th scope="col">当前状态</th>
												<th scope="col">发布人</th>
												<th scope="col">发布时间</th>
												<th scope="col">操作</th>
											</tr>
										</thead>
										<tbody>

										</tbody>
									</table>
									<div id="claimMadeTablePage" style="float: right;"></div>
								</div>
							</div>

						</div>
					</section>
				</div> -->
				<!-- 我的申请 -->
				<!-- <div class="layui-tab-item">
					<section class="pt-4 pb-5" data-aos="fade-up">
						<div class="layui-btn-container">
							<button class="layui-btn layui-btn-sm" lay-event="" id="exportOrder">导出清单</button>
						</div>
						<table class="layui-table" id="productTable" lay-filter="productTable">
							
						</table>
						<div id="productTablePage" style="float: right;"></div>
					</section>
				</div> -->
				<!-- 数据通道 -->
				<!-- <div class="layui-tab-item">
					<section class="pt-4 pb-5" data-aos="fade-up">
						<div class="layui-btn-container">
							
							<div class="submitOperate">
								<button class="layui-btn layui-btn-sm" lay-event=""
									id="submitDataChannelAll">提交审核</button>
								<button class="layui-btn layui-btn-sm" lay-event=""
									id="deleteDataChannelAll">删除</button>
								<button class="layui-btn layui-btn-sm" lay-event="" id="rootRegistrat">注册数据通道</button>
								<button class="layui-text layui-btn-sm mr-2 showTips"
									style="border:0;float: right;">数据通道总数：<span class="databaseTotal"></span>；正常：<span
										class="databaseStatus"></span></button>
							</div>
						</div>
						<div class="layui-tab layui-tab-brief" lay-filter="dataManager">
							<div class="layui-tab-content" style="float: none;width: 100%;margin-left: 0;">
								<div class="layui-tab-item layui-show">
									<table id="dataSourceBaseTable" lay-filter="dataSourceBaseTableFilter"></table>
									<div id="dataSourceBaseTablePage" style="float: right;"></div>
								</div>
							</div>
						</div>
					</section>
				</div> -->
				<!-- 原始资源 -->
				<!-- <div class="layui-tab-item">
					<section class="pt-4 pb-5" data-aos="fade-up">
						<div class="layui-btn-container">

						</div>
						<div class="layui-tab layui-tab-brief" lay-filter="rawDataManage">
							<ul class="layui-tab-title mb-2" style="float: none;display: flex;width: 100%;">
								<li class="layui-this">原始资源管理</li>
								<li>源资源管理</li>
								
							</ul>
							<div class="layui-tab-content" style="float: none;width: 100%;margin-left: 0;">
								<div class="layui-tab-item layui-show ">
									<table id="rawTable" lay-filter="rawTableFilter"></table>
									<div id="rawTablePage" style="float: right;"></div>
								</div>
								<div class="layui-tab-item">
									<div id="rawDataText"
										style="margin-top: 10px;margin-left: 10px;display: flex;flex-direction: row;justify-content: start;align-items: center">
										<div>原始数据资源：</div>
										<div class="rawSearch mb-3">
											<div style="width: 450px; margin-top: 10px;">
												<input type="text" name="rawCas" id="rawCas" class="form-control"
													placeholder="请选择资源" autocomplete="off" class="layui-input">
											</div>
										</div>
									</div>
									<table class="layui-table" id="rawSonTable" lay-filter="rawSonTableFilter"></table>
									<div id="rawSonTablePage" style="float: right;"></div>
								</div>

							</div>
						</div>
					</section>
				</div> -->
				<!-- 数据资源 -->
				<!-- <div class="layui-tab-item">
					<section class="pt-4 pb-5" data-aos="fade-up">
						<div class="layui-btn-container"
							style="display:flex; flex-direction: row;justify-content: space-between">
							<div class="searchContent"
								style="display: flex;flex-direction: row;align-items: center;justify-content: center;width: 60%;">
								<button class="layui-btn layui-btn-sm" lay-event=""
									id="submitDataSourceAll">提交审核</button>
								<button class="layui-btn layui-btn-sm" lay-event="" id="deleteDataSourceAll">删除</button>
								<button class="layui-btn layui-btn-sm" lay-event="" id="dataRegistrat">数据资源注册</button>
							</div>
							<button class="layui-text layui-btn-sm mr-2 showTips"
								style="border:0;float: right;">数据资源总数：<span class="datasourceTotal"></span>；正常：<span
									class="datasourceStatus"></span></button>

						</div>
						<div class="keyword datasource"
							 style="display: flex;flex-direction: row;align-items: center;justify-content: center; width: 200px" >
							<input type="text" name="keyword"  lay-verify="keyword" placeholder="请输入关键字"
								   class="layui-input">
							<button class="layui-btn layui-btn-sm" lay-event="" id="datasource">查询</button>
						</div>
						<div class="layui-tab layui-tab-brief" lay-filter="dataManager">
							<div class="layui-tab-content" style="float: none;width: 100%;margin-left: 0;">
								<div class="layui-tab-item layui-show ">
									<table class="layui-table" id="dataSourceTable" lay-filter="dataSourceTableFilter">
									</table>
									<div id="dataSourceTablePage" style="float: right;"></div>
								</div>
							</div>
						</div>
					</section>
				</div> -->
				<!-- 数据管理 -->
				<div class="layui-tab-item">
					<section class="pt-4 pb-5" data-aos="fade-up">
						<div class="layui-btn-container">
							<button class="layui-btn layui-btn-sm" lay-event="" id="submitDataProductAll">数据治理</button>
<!--							<button class="layui-btn layui-btn-sm" lay-event="" id="deleteDataProductAll">删除</button>-->
							<button class="layui-btn layui-btn-sm" lay-event="" id="productRegistration">数据导入</button>
							
						</div>
						<div class="layui-tab layui-tab-brief" lay-filter="productTab">
							<ul class="layui-tab-title mb-2" style="float: none;display: flex;width: 100%;">
								<li class="layui-this" lay-id="before">治理前数据</li>
								<li lay-id="after">治理后数据</li>
							</ul>
							<div class="layui-tab-content" style="float: none;width: 100%;margin-left: 0;">
								<div class="layui-tab-item layui-show">
									<table class="layui-table" id="dataProductTable" lay-filter="productTable"></table>
									<div id="dataProductTadatablePage" style="float: right;"></div>
								</div>
							</div>
						</div>

					</section>
				</div>
				<!-- 服务产品 -->
				<!-- <div class="layui-tab-item">
					<section class="pt-4 pb-5" data-aos="fade-up">
						<div class="layui-btn-container">
							<button class="layui-btn layui-btn-sm" lay-event="" id="submitDataServiceAll">提交审核</button>
							<button class="layui-btn layui-btn-sm" lay-event="" id="deleteDataServiceAll">删除</button>
							<button class="layui-btn layui-btn-sm" lay-event=""
								id="serviceProductRegistrat">服务产品注册</button>
							<button class="layui-text layui-btn-sm mr-2 showTips"
								style="border:0;float: right;">服务产品总数：<span class="dataProductTotal"></span>；已上架：<span
									class="dataProductStatus"></span>；申购人次：<span class="buyCount"></span></button>
						</div>
						<div class="layui-tab layui-tab-brief" lay-filter="serviceProductManager">
							<ul class="layui-tab-title mb-2" style="float: none;display: flex;width: 100%;">
								<li class="layui-this">我的算法</li>
								<li>我的应用</li>
								<li>我的套餐</li>
								<button class="layui-btn layui-btn-sm" id="reloadTable"
									style="position: absolute;right: 0;width: 1px;height: 1px;opacity: 0;">刷新</button>

							</ul>
							<div class="layui-tab-content" style="float: none;width: 100%;margin-left: 0;">

								<div class="layui-tab-item layui-show ">
									<table class="layui-table" id="algProductTable" lay-filter="algProductTable">
									</table>
									<div id="algProductTablePage" style="float: right;"></div>
								</div>
								<div class="layui-tab-item">
									<table class="layui-table" id="applyProductTable" lay-filter="applyProductTable">
									</table>
									<div id="applyProductTablePage" style="float: right;"></div>
								</div>
								<div class="layui-tab-item">
									<table class="layui-table" id="mixPackageTable">
										<thead class="thead-dark">
											<tr>
												<th scope="col" style="width: 60px;">序号</th>
												<th scope="col">混合套餐名称</th>
												<th scope="col">数据产品</th>
												<th scope="col">算法产品</th>
												<th scope="col">备注</th>
												<th scope="col">操作</th>
											</tr>
										</thead>
										<tbody>

										</tbody>
									</table>
									<div id="mixPackageTablePage" style="float: right;"></div>
								</div>
							</div>
						</div>
					</section>
				</div> -->
				<!-- 控制管理 -->
				
				<!-- 审核管理 -->
				<!-- <div class="layui-tab-item">
					<section class="pt-4 pb-5" data-aos="fade-up">
						<div class="search mb-3" style="justify-content: flex-start;">
							<div class="type layui-form mr-2">
								<select name="type" lay-filter="type" style="width: 100px;">
									<option value="">请选择类型</option>
									<option value="0">数据通道</option>
									<option value="1">申购</option>
									<option value="2">试用申请</option>
									<option value="3">订单</option>
									<option value="4">发布定制</option>
									<option value="5">承接定制</option>
									<option value="6">应用</option>
								</select>
							</div>
							<div class="status layui-form mr-2">
								<select name="status" lay-filter="status" style="width: 100px;">
									<option value="">请选择状态</option>
									<option value="1">进行中</option>
									<option value="2">成功</option>
									<option value="3">失败</option>
								</select>
							</div>
							<div class="keyword"
								style="display: flex;flex-direction: row;align-items: center;justify-content: center;">
								<input type="text" name="keyword" required lay-verify="keyword" placeholder="请输入关键字"
									autocomplete="off" class="layui-input">
								<button class="layui-btn layui-btn-sm" lay-event="" id="searchBtn">查询</button>
							</div>
						</div>
						<div id="auditHeaderTool">

							<div class="left">

								<button class="layui-btn layui-btn-sm" lay-event="" id="auditAllPass">全部通过</button>
								<button class="layui-btn layui-btn-sm" lay-event="" id="auditAllFail">全部不通过</button>
							</div>
							<div class="right">
								<button class="layui-text layui-btn-sm mr-2" style="border:0;float: right;">待审核总数：<span
										id="toBeAudit">0</span> 项</button>
							</div>
						</div>
						<div class="table">
							<table class="layui-table" id="auditManageTable" lay-filter="auditManageTable">
								
							</table>
						</div>
						<div id="auditManageTablePage" style="float: right;"></div>
					</section>
				</div> -->
				<!-- 授权管理 -->
				<!-- <div class="layui-tab-item">
					<section class="pt-4 pb-5" data-aos="fade-up">
						<div class="layui-btn-container">
							<button class="layui-btn layui-btn-sm" lay-event="" id="authAdd">授权添加</button>
						</div>
						<table class="layui-table" id="authorizationTable">
							<thead class="thead-dark">
								<tr>
									<th scope="col" style="width: 60px;">序号</th>
									<th scope="col">申请人</th>
									<th scope="col">申请时间</th>
									<th scope="col">申请类型</th>
									<th scope="col">资源名称</th>
									<th scope="col">审核人</th>
									<th scope="col">状态</th>
									<th scope="col">授权码</th>
									<th scope="col">审核意见</th>
								</tr>
							</thead>
							<tbody>

							</tbody>
						</table>
						<div id="authorizationTablePage" style="float: right;"></div>
					</section>
				</div> -->
				<!-- 价值评估 -->
				<div class="layui-tab-item">
					<section class="pt-4 pb-5" data-aos="fade-up">
						<table class="layui-table" id="myConfigureTable">
							<thead class="thead-dark" >
								<tr >
									<th scope="col" style="width: 60px;text-align: center">序号</th>
									<th scope="col" style="text-align: center">数据名称</th>
									<th scope="col" style="text-align: center">状态</th>
									<th scope="col" style="text-align: center">治理前价值评估</th>
									<th scope="col" style="text-align: center">治理后价值评估</th>
									<th scope="col" style="text-align: center">备注</th>
								</tr>
							</thead>
							<tbody>

							</tbody>
						</table>
						<div id="myConfigureTablePage" style="float: right;"></div>
					</section>
				</div>
				<!-- 统计分析 -->
				<div class="layui-tab-item">
					<section class="pt-4 pb-5" data-aos="fade-up">
						<div class="statistics">
							<div class="statisticsItem">
								<div>
									<p class="buyProductNumber"></p>
									<p>注册数据数量</p>
								</div>
								<div><i class="iconfont icon-baoxiaoshenqing-feiyongbaoxiaoshenqing-01 mr-2"
										style="color:rgb(243, 166, 166);font-size: 25px;"></i></div>
							</div>
							<div class="statisticsItem">
								<div>
									<p class="registerProductNumber"></p>
									<p>注册数据大小</p>
								</div>
								<div><i class="iconfont icon-zhuce mr-2"
										style="color:rgb(243, 229, 166);font-size: 25px;"></i></div>
							</div>
							<div class="statisticsItem">
								<div>
									<p class="registerSourceNumber"></p>
									<p>已治理数据数量</p>
								</div>
								<div><i class="iconfont icon-zhucechenggong mr-2"
										style="color:rgb(215, 243, 166);font-size: 25px;"></i></div>
							</div>
							<div class="statisticsItem">
								<div>
									<p class="buyUserNumber"></p>
									<p>已治理数据大小</p>
								</div>
								<div><i class="iconfont icon-baoxiaoshenqing-feiyongbaoxiaoshenqing-04 mr-2"
										style="color:rgb(233, 243, 189);font-size: 25px;"></i></div>
							</div>

						</div>
						<!--<div class="statistics">
							 <div class="statisticsItem">
								<div>
									<p class="incomeBalance">￥ 165890</p>
									<p>总收益(元)</p>
								</div>
								<div><i class="fas fa-solid fa-money-check-alt" style="color:rgb(166, 187, 243);font-size: 20px;"></i></div>
							</div>
							<div class="statisticsItem">
								<div>
									<p class="expendBalance">￥ 1823</p>
									<p>总支出(元)</p>
								</div>
								<div><i class="fas fa-solid fa-money-check-alt" style="color:rgb(206, 237, 243);font-size: 20px;"></i></div>
							</div>
							<div class="statisticsItem">
								<div>
									<p class="AccountBalance">￥ 170823</p>
									<p>账户余额(元)</p>
								</div>
								<div><i class="fas fa-solid fa-money-check-alt" style="color:rgb(222, 166, 243);font-size: 20px;"></i></div>
							</div>
							<<div class="statisticsItem">
								<div>
									<p class="waitAudit">27</p>
									<p>等待审核</p>
								</div>
								<div><i class="fas fa-solid fa-file-contract" style="color:rgb(166, 243, 226);font-size: 25px;"></i></div>
							</div>
						</div> -->
						<div class="chart">
							<div class="form-row">
								<div class="form-group col-md-3">
									<select id="inputState" class="form-control">

									</select>
								</div>
								<div id="main"></div>
							</div>
						</div>
					</section>
				</div>
				<span class="reloadTbale text-white">刷新</span>
			</div>
		</div>
		<div style="clear: both;"></div>
	</div>
	<!-- End Main -->

	<!-------------------------------------- FOOTER 底部 --------------------------------------->

	<footer class="bg-black pb-5" style="padding-top: 20px;padding-bottom: 20px !important;background-color: #FF6A00;">
		<div class="container">
			<div class="row" style="text-align: center;">
				<div class="col-12 col-md mr-4">
					<small class="d-block mt-3 text-muted" style="color: white !important;">
						<p style="color: white;margin-top: 10px;font-size: 30px;">数据资产管理平台</p>
						Copyright @ 2024 数据资产管理平台-版权所有 蜀ICP备202423603号
					</small>
				</div>
			</div>
		</div>
	</footer>
	<!-- End Footer -->



	<!-------------------------------------- JAVASCRIPT --------------------------------------->
	<script src="././vendor/jquery.min.js" type="text/javascript"></script>
	<script src="./vendor/popper.min.js" type="text/javascript"></script>
	<script src="./vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.2.0/crypto-js.min.js"
		integrity="sha512-a+SUDuwNzXDvz4XrIcXHuCf089/iJAoN4lmrXJg18XnduKK6YlDHNRalv4yd1N40OKI80tFidF+rqTFKGPoWFQ=="
		crossorigin="anonymous" referrerpolicy="no-referrer"></script>
	<!-- <script src="./vendor/crypto-js.min.js"
		integrity="sha512-a+SUDuwNzXDvz4XrIcXHuCf089/iJAoN4lmrXJg18XnduKK6YlDHNRalv4yd1N40OKI80tFidF+rqTFKGPoWFQ=="
		crossorigin="anonymous" referrerpolicy="no-referrer"></script> -->
	<script src="./js/functions.js" type="text/javascript"></script>
	<script src="./assets/layui/layui.js" type="text/javascript"></script>
	<script src="./assets/layui/cascader/cascader.js" type="text/javascript"></script>

	<!-- Docs -->
	<script src="./vendor/bootstrap/js/bootstrap-toc.js" type="text/javascript"></script>
	<script src="./js/tool.js" type="text/javascript"></script>
	<!-- <script src="./assets/js/header.js" type="text/javascript"></script> -->
	<!-- <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> -->
	<script src="./vendor/echarts.min.js"></script>

	<!--表格操作模板-->
	<script type="text/html" id="barRule">
		<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
		<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">详情</a>
		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
	</script>
	<script type="text/html" id="visibleBarRule">
		<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
		<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">详情</a>
		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
	</script>

	<!-- Animation -->
	<script src="vendor/aos.js" type="text/javascript"></script>

	<noscript>
		<style>
			*[data-aos] {
				display: block !important;
				opacity: 1 !important;
				visibility: visible !important;
			}
		</style>
	</noscript>
	<script>
		AOS.init({
			duration: 700
		});
	</script>

	<!-- Disable animation on less than 1200px, change value if you like -->
	<script>
		AOS.init({
			disable: function () {
				var maxWidth = 1200;
				return window.innerWidth < maxWidth;
			}
		});
	</script>
	<!-- Tooltips -->
	<script> $(function () { $('[data-toggle="tooltip"]').tooltip() }) </script>
	<!-- Popovers -->
	<script>
		$(function () {
			$('[data-toggle="popover"]').popover()
		})
		$('.popover-dismiss').popover({
			trigger: 'focus'
		})
	</script>
	<!-- 基本信息 -->
	<script type="text/javascript" src="js/mySpace/information.js"></script>

	<script>
		$(function () {
			//获取hash来切换选项卡,目前无效待解决
			//layui.element.tabChange('docDemoTabBrief', 'menu5'); 
			// var firstClick = true;
			var firstClick = {
				"我的钱包": true,
				"我的定制": true,
				"我的申请": true,
				"数据通道": true,
				"原始资源": true,
				"数据资源": true,
				"数据管理": true,
				"服务产品": true,
				"控制管理": true,
				"统计分析": true,
				"价值评估": true,
				"授权管理": true,
				"审核管理": true,
			}
			//监听tab切换，按需加载js请求相关数据
			layui.element.on('tab(docDemoTabBrief)', function (data) {
				let val = this.innerHTML; //得到当前点击的DOM对象
				$("#tabtitle").text(val);
				switch (val) {
					case "我的钱包":
						// //for (let Key in firstClick) {
						if (firstClick[val]) {
							$.getScript("js/mySpace/myWallet.js");
							firstClick[val] = false;
						}
						// }
						break;
					case "我的定制":
						// //for (let Key in firstClick) {
						if (firstClick[val]) {
							$.getScript("js/mySpace/customMade.js");
							firstClick[val] = false;
						}
						// }
						break;
					case "我的申请":
						// //for (let Key in firstClick) {
						if (firstClick[val]) {
							$.getScript("js/mySpace/myBuyOrder.js");
							firstClick[val] = false;
						}
						// }
						break;
					case "数据通道":
						// //for (let Key in firstClick) {
						if (firstClick[val]) {
							$.getScript("js/mySpace/dataChannel.js");
							firstClick[val] = false;
						}
						// }
						break;
					case "原始资源":
						//for (let Key in firstClick) {
						if (firstClick[val]) {
							$.getScript("js/mySpace/rawDataManage.js");
							firstClick[val] = false;
						}
						// }
						break;
					case "数据资源":
						//for (let Key in firstClick) {
						if (firstClick[val]) {
							$.getScript("js/mySpace/dataSource.js");
							firstClick[val] = false;
						}
						// }
						break;
					case "数据管理":
						// //for (let Key in firstClick) {
						if (firstClick[val]) {
							$.getScript("js/mySpace/dataProduct.js");
							firstClick[val] = false;
							layui.use('element', function () {
								const element = layui.element;
								// 切换到指定的 tab
								element.tabChange('productTab', 0);
							});
						}
						// }
						break;
					case "服务产品":
						//for (let Key in firstClick) {
						if (firstClick[val]) {
							$.getScript("js/mySpace/serviceProduct.js");
							firstClick[val] = false;
						}
						// }
						break;
					case "控制管理":
						//for (let Key in firstClick) {
						if (firstClick[val]) {
							$.getScript("js/mySpace/controlManage.js");
							firstClick[val] = false;
						}
						// }
						break;
					case "审核管理":
						//for (let Key in firstClick) {
						if (firstClick[val]) {
							$.getScript("js/mySpace/auditManage.js");
							firstClick[val] = false;
						}
						// }
						break;
					case "授权管理":
						//for (let Key in firstClick) {
						if (firstClick[val]) {
							$.getScript("js/mySpace/authorization.js");
							firstClick[val] = false;
						}
						// }
						break;
					case "价值评估":
						$.getScript("js/mySpace/myConfigure.js");
						break;
					case "统计分析":
						//for (let Key in firstClick) {
						if (firstClick[val]) {
							$.getScript("js/mySpace/statistical.js");
							firstClick[val] = false;
						}
						// }
						break;
					default: break;
				}
			});
		})
	</script>


</body>

</html>